<template>
  <div style="border:3px solid red; margin:10px">
    我是App组件
    <!-- 1.给组件标签，添加属性的方式，传值 -->
    <Son :title="myTitle" @changeTitle="handleChange"></Son>
    <!-- 2.父组件，对消息进行监听，并修改数据 -->
  </div>
</template>

<script>
import Son from './components/Son.vue'
export default {
  data() {
    return {
      myTitle: '黑马程序员'
    }
  },
  components: {
    Son
  },
  methods: {
    //3提供处理函数，提供逻辑
    handleChange(newTitle) {
      this.myTitle = newTitle
    },
  }
}
</script>

<style>
</style>
